<!doctype html>
<html lang='en'>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='initial-scale=1.0, user-scalable=no, width=device-width'>
    <title>简易行政区图 - 区域拾取</title>
    <meta name="description" content="通过 getDistrictByContainerPos() 方法拾取所在位置的行政区。并且通过 setStyles() 重置行政区样式。">
    <link rel="stylesheet" href="//a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <style>
        html,
        body,
        #container {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        .info span {
            color: #0288d1;
        }
    </style>
</head>
<body>
<div id='container'></div>
<div class="info" style="min-width: 200px;">
    <h4>国家/地区</h4>
    <p>中文名字：<span id="name">--</span></p>
    <p>英文名字：<span id="eng-name">--</span></p>
    <p>SOC：<span id="soc">--</span></p><hr>
    <p>点击地图任意陆地区域</p>
</div>
<script src='//webapi.amap.com/maps?v=1.4.12&key=0bf3e08ca06f8aeb94e40daec867011d&plugin=Map3D,AMap.DistrictLayer'></script>
<script type="text/javascript" src="js/amapTools.js" ></script>
<script>
    var nationStroke = '#ffffff';
    var nationFill = '#61b4ff';
    var dicArea;
    var map;
    var param = {};
    param.zoom = 4;
    param.x = 120;
	param.y = 30;
	var marker;
	
	// 创建一个 Marker 实例：
    function loadMarker(map){
    	var marker = new AMap.Marker({
		    position: new AMap.LngLat(116.39, 39.9),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
		    title: '北京'
		});
		// 将创建的点标记添加到已有的地图实例：
		map.add(marker);
    }
	
    map = loadArea(0, {
    	marker: true
    });
    
    
    
	
    
    // 绘制世界地图国家轮廓
//  var disWorld = new AMap.DistrictLayer.Country({
//      zIndex: 10,
//      styles: {
//          // 颜色格式: #RRGGBB、rgba()、rgb()、[r, g, b, a]
//          // 国境线
//          'nation-stroke': nationFill,
//          // 海岸线
//          //'coastline-stroke': '',
//          // 填充
//          'fill': function (props) {
//              if (props.SOC == 'CHN') {
//                  updateInfo(props);
//                  return nationStroke;
//              } else {
//                  return 'white'
//              }
//          }
//      }
//  });
//  
//  var disProvince = new AMap.DistrictLayer.Province({
//	    zIndex: 12,
//	    adcode:['370000'],
//	    depth: 1,
//	    styles:{
//	        'fill':function(properties){
//	            var adcode = properties.adcode;
//	            return nationStroke;
//	        },
//	        'county-stroke': 'white' //中国区县边界  
//	    }
//	})

    

    

    function updateInfo(props) {
        document.getElementById('name').innerText = props.NAME_CHN;
        document.getElementById('eng-name').innerText = props.NAME_ENG;
        document.getElementById('soc').innerText = props.SOC;
    }
</script>
</body>
</html>